<template>
    <div class="topnav fixed bg-opacity-50 flex justify-end top-[30%]  right-1 z-50 ">
      <ul>

 
        <li class=" bg-white" @click="dialogDisclaimerVisible=true" title="免责声明">
           <img class=""  src="../assets/img/mianzi.gif" />
        </li>
        <li class=" bg-white" @click="dialogFeedBackVisible=true">
           <img class=""  src="../assets/img/edit.png" />
        </li>
      </ul>
    </div>

   

   <el-dialog v-model="dialogFeedBackVisible"   class=" " title="意见反馈" >
      <FeedBack />
   </el-dialog>

   <el-dialog v-model="dialogDisclaimerVisible" class="dark:bg-gray-950" title="免责声明"   >
      <h3 class="-mt-8 mb-2 float-right">邮箱:sdw035@outlook.com</h3>
      <el-input class="dark:bg-black -pt-4"
          type="textarea"
          :rows="20"
          placeholder="" readonly
          v-model="disclaimer_Txt">
      </el-input>

       
  </el-dialog>


</template>

<style>
 
.topnav li {
  @apply border-2 w-10 h-10 pt-1 pl-1 ;
}

.topnav img {
  width: 100%;
}
</style>

<script setup>
import {ref, onMounted, watch} from 'vue'
import FeedBack from './FeedBack.vue'
import { useBdStore } from '@/stores/bdStore.js';
const useStore = useBdStore()
const dialogQQVisible = ref(false)
const dialogFeedBackVisible = ref(false)
const dialogDisclaimerVisible = ref(false)
const disclaimer_Txt = ref('')
onMounted(()=>{
  setTimeout(()=> {
     jstart()
  },300)
})

const jstart = (() => {
    window.pywebview.api.py_disclaimer().then((r) => {
       disclaimer_Txt.value = r
    })
})
</script>